/*font-family: 'Noto Sans', sans-serif;
font-family: 'Quicksand', sans-serif;*/
body {
    font-family: 'Quicksand', sans-serif;
    background: #fff;
    max-width: 100vw;
    overflow-x: hidden;

}

body.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

.row.newzero {
    margin-left: 0px;
    margin-right: 0px;
}

.row.newrow {
    margin-left: -7px;
    margin-right: -7px;
}

.row.newone {
    margin-left: -1px;
    margin-right: -1px;
}

.row.newtwo {
    margin-left: -2px;
    margin-right: -2px;
}

.row.newzero > * {
    --bs-gutter-x: 0px;
}

.row.newrow > * {
    --bs-gutter-x: 7px;
}

.row.newone > * {
    --bs-gutter-x: 1px;
}

.row.newtwo > * {
    --bs-gutter-x: 2px;
}

* {
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

a {
    color: #000;
    text-decoration: none !important;
    transition: 0.3s ease all;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #363636;
}

a:hover {
    text-decoration: none !important;
}

*:focus {
    box-shadow: unset !important;
    outline: unset !important;
}

svg.iconset {
    position: absolute;
    pointer-events: none;
}

header {

    padding-right: 200px;

    position: absolute;

    z-index: 2;

    left: 0px;

    right: 0px;

    top: 0px;
}

header:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    background: #000b29;
    bottom: 0px;
    z-index: -1;
    right: 10vw;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

header .logo {

    margin: 23px 0px;

    display: block;
}

header .logo img {

    height: 20px;
}

header .menu {
}

header .menu {

}

header .menu .navbar {

}

header .menu .collapse {

}

header .navbar-nav {

    display: flex;

    justify-content: flex-end;
}

header .navbar-nav li {
    padding: 0px 20px;
    position: relative;
}

header .navbar-nav li > a {

    color: #fff;

    font-size: 14px;

    padding: 26px 0px;

    display: block;

    font-weight: 600;
}

header .navbar-nav > li:before {
    content: '';
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    width: 0px;
    background: #1f418f;
    transition: 0.3s ease all;
    z-index: 2;
}

header .navbar-nav > li:hover:before {
    content: '';
    width: 100%;
}


header .navbar-nav li.subMenu {

}

header .navbar-nav li.subMenu .dropdown {
    position: absolute;
    left: 0px;
    background: #e5e5e5;
    min-width: 220px;
    top: 100%;
    padding: 20px 0px 30px;
    opacity: 0;
    top: 80%;
    pointer-events: none;
    transition: 0.3s ease all;
}

header .navbar-nav li.subMenu:hover .dropdown {
    top: 100%;
    pointer-events: auto;
    opacity: 1;
}

header .navbar-nav li.subMenu .dropdown > ul {

}

header .navbar-nav li.subMenu .dropdown > ul {

}

header .navbar-nav li.subMenu .dropdown > ul > li {

    padding: 0px;
}

header .navbar-nav li.subMenu .dropdown > ul > li > a {

    color: #313131;

    padding: 9px 25px;

    font-size: 13px;

    position: relative;
}

header .navbar-nav li.subMenu .dropdown > ul > li > a:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    height: 1px;
    background: #2f2f2f;
    width: 0px;
    transition: 0.3s ease all;
}

header .navbar-nav li.subMenu .dropdown > ul > li > a:hover {

}

header .navbar-nav li.subMenu .dropdown > ul > li > a:hover:before {

    width: 10px;
}

header .diller {

    position: absolute;

    right: 10vw;

    margin-right: 20px;

    top: 50%;

    transform: translateY(-50%);
}

header .diller .selected {

    color: #fff;

    font-size: 14px;

    cursor: pointer;
}

header .diller .list {

    position: absolute;

    max-height: 0%;

    overflow: hidden;

    transition: 0.3s ease all;

    pointer-events: none;

    background: #000b29;

    padding: 0px 10px 0px 10px;

    left: 50%;

    transform: translateX(-50%);

    border-radius: 5px;
}

header .diller .list a {

    color: #fff;

    font-size: 14px;

    display: block;

    padding: 4px 0px;
}

header .diller:hover .list {

    max-height: 200px;

    pointer-events: auto;

    padding: 10px 10px 5px 10px;
}

section.slider {

    position: relative;

    z-index: 1;
}

section.slider .swiper-wrapper {
    height: unset;
}

section.slider .swiper-slide {

}

section.slider .swiper-slide .img {

    padding-bottom: 50%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;
}

section.slider .swiper-slide {
    opacity: 0;
}

section.slider .swiper-slide.swiper-slide-active {
    opacity: 1;
}

section.slider .swiper-slide .content {
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;

}

section.slider .swiper-slide .content h3 {

    font-family: 'Noto Sans', sans-serif;


    color: #203d8a;

    font-size: 120px;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 40px;
}

section.slider .swiper-slide .cover {

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    bottom: 0px;

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: cover;

    z-index: 2;
}

section.slider .swiper-slide .content p {

    font-size: 25px;

    letter-spacing: 10px;

    color: #203d8a;

    z-index: 4;

    position: relative;
}

section.slider .swiper-pagination {

    position: absolute;

    left: 50%;

    bottom: 110px;

    transform: translateX(-50%);
}

section.slider .swiper-pagination .swiper-pagination-bullet {
    background: #e2e2e4;
    opacity: 1;
    width: 11px;
    height: 11px;
    transition: 0.3s ease width;
    border-radius: 10px;
}

section.slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    width: 40px;

    background: #213c88;
}

.text-right {
    text-align: right;
}

section.mainabout {

    margin-top: -60px;

    position: relative;

    z-index: 2;

    margin-bottom: 80px;
}

section.mainabout .content {

    min-height: 400px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 0px 50px;

    background: #fff;
}

section.mainabout .content .btn {

    font-size: 13px;

    color: #fff;

    background: #213c88;

    display: inline-block;

    padding: 10px 15px;
}

section.mainabout .content .title {

    margin: 30px 0px;

    font-size: 30px;

    font-weight: 600;
}

section.mainabout .content p {

    font-size: 13px;

    text-align: justify;

    margin-bottom: 20px;
    line-height: 22px;
}

section.mainabout .img {

    height: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;
}

section.mainabout .content .text {

    font-size: 12px;

    font-weight: 600;

    color: #282828;

    padding-left: 30px;

    position: relative;
}

section.mainabout .content .text:before {
    content: '';
    height: 1px;
    width: 25px;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: black;
    position: absolute;
}

section.promotion {

    position: relative;

    z-index: 1;
}

section.promotion .videoarea {

    position: relative;

    overflow: hidden;

    padding-bottom: 33.33%;
}

section.promotion .click:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #00000075;
    z-index: 1;
}

section.promotion .click {

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    bottom: 0px;
}

section.promotion .click .text {

    color: #fff;

    z-index: 2;

    position: absolute;

    left: 50%;

    transform: translate(-50%, -50%);

    top: 40%;

    font-size: 30px;

    letter-spacing: 5px;
}

section.promotion .click .icon {

    z-index: 2;
}

section.promotion .click .icon:before {
    content: '';
    z-index: 4;
    position: absolute;
    width: 58px;
    height: 58px;
    background: #fff;
    -webkit-mask-image: url(/web/20220415233541im_/https://avrasyatuz.com/assets/img/svg/play.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    left: 50%;
    transition: 0.3s ease all;
    transform-origin: center;
    transform: translate(-50%, -50%);
    top: 55%;
}

section.promotion .click:hover .icon:before {

    width: 75px;

    height: 75px;
}

section.promotion .click .icon:after {
    content: '';
    z-index: 3;
    position: absolute;
    width: 58px;
    height: 58px;
    background: #000000;
    border-radius: 100%;
    opacity: 0.2;
    left: 50%;
    transition: 0.3s ease all;
    transform-origin: center;
    transform: translate(-50%, -50%);
    top: 55%;
}

section.promotion .click:hover .icon:after {

    width: 75px;

    height: 75px;
}

section.promotion .click:hover .icon {
}

section.promotion .videoarea video {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

section.infoslider {

}
section.infoslider .swiper-container {
    margin-bottom: 20px;
}
section.infoslider .swiper-slide {
    opacity: 0;
    background: #fff;
}

section.infoslider .swiper-slide.swiper-slide-active {

    opacity: 1;
}

section.infoslider .swiper-slide .container {
    position: relative;
}

section.infoslider .photos {

    padding: 100px 0px 60px 30px;
}

section.infoslider .photos:before {
    content: '';
    background: #e8e8e8;
    position: absolute;
    left: 15px;
    top: 0px;
    z-index: -1;
    width: 450px;
    height: 0px;
    transition: 0.3s ease all;
}

section.infoslider .swiper-slide-active .photos:before {

    height: 450px;

    transition: 0.3s 0.2s ease all;
}

section.infoslider .photos .photo {

    display: block;

    overflow: hidden;

    height: 270px;

    position: relative;
}

section.infoslider .photos .photo:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #213c8845;
    opacity: 0;
    transition: 0.3s ease all;
}

section.infoslider .photos .photo:after {
    content: '';
    -webkit-mask-image: url(/web/20220415233541im_/https://avrasyatuz.com/assets/img/svg/arti.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    background: #fff;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.3s ease all;
}

section.infoslider .photos .photo .img {

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;
}

section.infoslider .photos .photo:hover:before {

    opacity: 1;
}


section.infoslider .photos .photo:hover:after {

    transition: 0.3s 0.1s ease all;

    opacity: 1;
}

section.infoslider .content {

    padding-top: 100px;
}

section.infoslider .content .infotext {

    font-size: 14px;

    font-weight: 600;

    padding-left: 0px;

    transition: 0.3s ease all;

    margin-bottom: 30px;

    position: relative;
}

section.infoslider .content .infotext:before {
    content: '';
    height: 1px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    width: 0px;
    transition: 0.3s ease all;
}

section.infoslider .content .title {

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 30px;
}

section.infoslider .content .desc {

    font-size: 15px;

    line-height: 21px;

    text-align: justify;
}

section.infoslider .swiper-slide-active .content .infotext {

    padding-left: 30px;

    transition: 0.3s 0.3s ease all;
}

section.infoslider .swiper-slide-active .content .infotext:before {
    content: '';
    width: 25px;
    transition: 0.3s 0.3s ease all;
}

section.infoslider .container {
    position: relative;
}

section.infoslider .swiper-wrapper {
    height: unset;
}

section.infoslider .swiper-nav {

    position: absolute;

    right: calc(33.3333333333% - 15px);

    transform: translateX(100%);
}

section.infoslider .swiper-nav .swiper-next {

    width: 36px;

    height: 24px;

    background: #213c88;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;
}

section.infoslider .swiper-nav .swiper-prev {

    width: 36px;

    height: 24px;

    background: #213c88;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;
}

section.infoslider .swiper-nav .swiper-next .icon {

    width: 9px;

    height: 9px;

    fill: #fff;

    transform: rotate(90deg);
}

section.infoslider .swiper-nav .swiper-prev .icon {

    width: 9px;

    height: 9px;

    fill: #fff;

    transform: rotate(
            270deg
    );
}

section.kullanimalanlari {

    padding: 100px 0px 50px;

    margin-bottom: 100px;
}

section.kullanimalanlari h3 {

    color: #213c88;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 40px;
}

section.kullanimalanlari .alan {

    border-radius: 8px;

    background: #fff;

    box-shadow: 0px 0px 46px 0px rgb(221 221 228 / 80%);

    display: block;
}

section.kullanimalanlari .alan .img {

    padding-bottom: 66%;

    overflow: hidden;
    position: relative;

    border-top-left-radius: 8px;

    border-top-right-radius: 8px;
}

section.kullanimalanlari .alan .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: 0.3s ease all;
    min-width: 100%;
    min-height: 100%;
    max-width: unset;
    width: unset;
}

section.kullanimalanlari .alan:hover .img img {

    transform: translate(-50%, -50%) scale(1.1);
}

section.kullanimalanlari .alan .content {


    background: #fff;

    border-radius: 8px;

    padding: 27px 20px;

    margin-top: -20px;

    position: relative;

    height: 185px;
}

section.kullanimalanlari .alan .content .title {

    color: #212542;

    font-size: 19px;

    font-weight: 600;

    margin-bottom: 20px;
}

section.kullanimalanlari .alan .content .desc {

    font-size: 13px;

    line-height: 16px;
}

.owl-kullanimalanlari .owl-stage-outer {
    overflow: visible;
}

.owl-kullanimalanlari .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}

.owl-kullanimalanlari .owl-stage-outer .owl-item {
    opacity: 0;
    cursor: none;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.2s linear;
}

.owl-kullanimalanlari .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: default;
    visibility: visible;
}

section.kullanimalanlari .owl-dots {

}

section.kullanimalanlari .owl-dots .owl-dot {

}

section.kullanimalanlari .owl-dots .owl-dot.active {

}

section.kullanimalanlari .owl-dots {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
}

section.kullanimalanlari .owl-dots .owl-dot {
    width: 11px;
    height: 11px;
    background: #e2e2e4;
    border-radius: 10px;
    transition: 0.3s ease all;
    margin-right: 5px;
}

section.kullanimalanlari .owl-dots .owl-dot.active {
    background: #213c88;
    width: 40px;
}

#cookie {
    background: #212542;
    border-radius: 50px;
    bottom: 10px;
    box-shadow: 0 2px 12px 0 rgba(4, 12, 26, .16);
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 11px;
    left: 50%;
    max-width: 96%;
    padding: 10px 10px 10px 20px;
    position: fixed;
    transform: translateX(-50%);
    width: 980px;
    z-index: 999;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

#cookie p {
    color: #fbfbfe;
    display: inline;
    margin-bottom: 0;
}

#cookie a {
    color: #bfbfbf;
    text-decoration: underline;
}

#cookie button {
    background: #fff;
    border: 1px solid transparent;
    border-radius: 20px;
    color: #201c1b;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-weight: 400;
    line-height: 1.5;
    padding: .3rem .7rem;
    text-align: center;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

#cookie button:hover {
    background: #201c1b;
    color: #bfbfbf;
}


footer {
    background: url(/web/20220415233541im_/https://avrasyatuz.com/assets/img/footerbg.jpg);
    padding: 90px 0px 50px;
    min-height: 400px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

footer a.logo {

    display: block;

    margin-bottom: 30px;
}

footer a.logo img {

    max-width: 270px;
}

footer .copyright {

    max-width: 290px;

    font-size: 13px;

    color: #fff;

    line-height: 18px;
}

footer .sosyal {

    margin-top: 30px;
}

footer .sosyal a {
    display: inline-block;
    margin-right: 10px;
}

footer .sosyal a .icon {

    width: 30px;

    height: 25px;

    fill: #fff;

    transition: 0.3s ease all;
}

footer .sosyal a:hover .icon {

    transform: scale(1.1);
}

footer h3 {

    font-size: 19px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 25px;

    position: relative;
}

footer h3:after {
    content: '';
    height: 2px;
    background: #fff;
    width: 50px;
    position: absolute;
    left: 0px;
    bottom: -10px;
}

footer h4 {

    font-size: 19px;

    color: #fff;

    font-weight: 600;

    margin-bottom: 25px;

    position: relative;
}

footer ul {
}

footer ul > li {

    display: block;
}

footer ul > li > a {

    color: #fff;

    margin: 10px 0px;

    display: block;

    position: relative;

    padding: 5px 0px 5px 15px;
}

footer ul > li > a:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

footer ul > li > a:hover:before {
    content: '';
}

footer ul > li > a:hover {

    color: rgba(255, 255, 255, 0.84);
}

footer .charklogo {

    position: absolute;

    display: block;

    background: #000;

    right: 100px;

    bottom: 100px;

    padding: 7px 14px 9px;

    border-radius: 17px;
}

footer .charklogo .icon {

    height: 15px;

    width: 56px;

    fill: #fff;
}

section.banner {

    max-width: 100vw;

    overflow: hidden;

    padding-bottom: 41%;

    position: relative;
}

section.banner .img {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;
}

section.kurumsal {

    padding: 50px 0px 0px;
}

section.kurumsal .kurumsal-sidebar {
    position: relative;
    margin-top: -160px;
}

section.kurumsal .kurumsal-sidebar .svg {
    position: absolute;
    z-index: -1;
}

section.kurumsal .kurumsal-sidebar .list {
    -webkit-clip-path: url(/web/20220415233541im_/https://avrasyatuz.com/assets/css/style.css?v=593184791#my-clip-path);
    clip-path: url(/web/20220415233541im_/https://avrasyatuz.com/assets/css/style.css?v=593184791#my-clip-path);
    background: #00346d;
    height: 835px;
    padding: 160px 48px 40px;
}

section.kurumsal .kurumsal-sidebar .list a {

    color: #fff;

    display: block;

    position: relative;

    padding: 10px 0px;

    margin: 10px 0px;
}

section.kurumsal .kurumsal-sidebar .list a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -3px;
    height: 2px;
    background: #fff;
    width: 20px;
    transform: translateY(-50%);
    opacity: 0;
    transition: 0.3s ease all;
}

section.kurumsal .kurumsal-sidebar .list a:hover, section.kurumsal .kurumsal-sidebar .list a.active {

    padding-left: 10px;
}

section.kurumsal .kurumsal-sidebar .list a:hover:before, section.kurumsal .kurumsal-sidebar .list a.active:before {

    left: -13px;

    opacity: 1;
}

section.kurumsal h2 {

    color: #213c88;

    font-weight: 600;

    font-size: 28px;

    padding-left: 50px;

    position: relative;

    margin-bottom: 30px;

    margin-top: 20px;
}

section.kurumsal h2:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 40px;
    height: 2px;
    background: #00346d;
}

section.kurumsal .editor {
    color: #898989;
    font-size: 16px;
    line-height: 26px;
}

section.kurumsal .editor p {
    color: #898989;
    font-size: 16px;
    line-height: 26px;
}

section.kurumsal .editor img {
    width: 100%;
}

section.kurumsal .gallery {

    margin: 30px 0px 70px;
}

section.kurumsal .gallery .photo {

    display: block;

    overflow: hidden;

    border-radius: 8px;

    position: relative;

    margin-bottom: 10px;
}

section.kurumsal .gallery .photo .img {

    padding-bottom: 146%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;
}

section.kurumsal .gallery .photo .overlay {

    left: 7px;

    top: 7px;

    right: 7px;

    bottom: 7px;

    position: absolute;

    border-radius: 8px;

    background: #00346da6;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    transform: scale(0);

    transition: 0.3s ease all;
}

section.kurumsal .gallery .photo:hover .overlay {

    transform: scale(1);

    opacity: 1;
}

section.kurumsal .gallery .photo .overlay span {

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    width: 58px;

    display: flex;

    align-items: flex-start;

    justify-content: center;
}

section.kurumsal .gallery .photo .overlay .icon {

    height: 10px;

    width: 12px;

    fill: #fff;

    margin-right: 5px;

    min-width: 12px;

    margin-top: 5px;
}

section.medya {


}

section.medya h2 {

    color: #213c88;

    font-weight: 600;

    font-size: 28px;

    position: relative;

    margin-bottom: 30px;

    margin-top: 20px;
}

section.medya h2:before {
    content: '';
    height: 1px;
    bottom: -12px;
    width: 220px;
    background: #b7b7b7;
    position: absolute;
}

section.medya .editor {

    color: #898989;

    font-size: 14px;

    line-height: 26px;
}

section.medya .editor p {

    color: #898989;

    font-size: 14px;

    line-height: 26px;
}

section.medya .gallery {

    margin: 30px 0px 50px;
}

section.medya .gallery .gallery-item {

    position: relative;

    overflow: hidden;

    display: block;

    padding-bottom: 80%;

    margin-bottom: 2px;

    z-index: 1;
}

section.medya .gallery .gallery-item .img {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 100%;

    height: 100%;

    transform: translate(-50%, -50%);
}

section.medya .gallery .gallery-item .overlay {

    position: absolute;

    left: 0px;

    right: 0px;

    top: 0px;

    bottom: 0px;

    background: rgb(0 0 0 / 80%);

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    transition: 0.3s ease all;

    transform: scale(0.7);

    opacity: 0;
}

section.medya .gallery .gallery-item:hover .overlay {

    opacity: 1;

    transform: scale(1);
}

section.medya .gallery .gallery-item .overlay .text {

    color: #fff;

    font-size: 14px;

    letter-spacing: 2px;
}

section.medya .gallery .gallery-item.photo .overlay .icon {

    width: 26px;

    height: 26px;

    margin-top: 10px;

    position: relative;
}

section.medya .gallery .gallery-item.photo .overlay .icon:before {
    content: '';
    z-index: 3;
    position: absolute;
    width: 26px;
    height: 26px;
    background: #000000;
    border-radius: 100%;
    opacity: 0.2;
    left: 50%;
    transition: 0.3s ease all;
    transform-origin: center;
    transform: translate(-50%, -50%);
    top: 50%;
}

section.medya .gallery .gallery-item.photo .overlay .icon:after {
    content: '';
    z-index: 4;
    position: absolute;
    width: 12px;
    height: 12px;
    background: #fff;
    -webkit-mask-image: url(/web/20220415233541im_/https://avrasyatuz.com/assets/img/svg/arti.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    left: 50%;
    transition: 0.3s ease all;
    transform-origin: center;
    transform: translate(-50%, -50%);
    top: 50%;
}

section.medya .gallery .gallery-item.video .overlay .icon {

    width: 26px;

    height: 26px;

    margin-top: 10px;

    position: relative;
}

section.medya .gallery .gallery-item.video .overlay .icon:before {
    content: '';
    z-index: 3;
    position: absolute;
    width: 26px;
    height: 26px;
    background: #000000;
    border-radius: 100%;
    opacity: 0.2;
    left: 50%;
    transition: 0.3s ease all;
    transform-origin: center;
    transform: translate(-50%, -50%);
    top: 50%;
}

section.medya .gallery .gallery-item.video .overlay .icon:after {
    content: '';
    z-index: 4;
    position: absolute;
    width: 26px;
    height: 26px;
    background: #fff;
    -webkit-mask-image: url(/web/20220415233541im_/https://avrasyatuz.com/assets/img/svg/play.svg);
    -webkit-mask-position: center;
    -webkit-mask-size: 100%;
    left: 50%;
    transition: 0.3s ease all;
    transform-origin: center;
    transform: translate(-50%, -50%);
    top: 50%;
}

section.urunler {

}

section.urunler .urunlerswiper {

    margin-top: 100px;
}

section.urunler .urunlerswiper .swiper-slide {

    background: #fff;
}

section.urunler .urunlerswiper .swiper-slide .imgarea {
    padding-bottom: 81%;
    position: relative;
}

section.urunler .urunlerswiper .swiper-slide .imgarea:before {
    content: '';
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    position: absolute;
    background: #213c88;
    transition: 0.3s ease all;
}

section.urunler .urunlerswiper .swiper-slide .imgarea:after {
    content: '';
    left: 0px;
    bottom: 0px;
    height: 0px;
    width: 2px;
    position: absolute;
    background: #213c88;
    transition: 0.3s ease all;
}

section.urunler .urunlerswiper .swiper-slide.swiper-slide-active .imgarea:before {

    width: 75%;
}

section.urunler .urunlerswiper .swiper-slide.swiper-slide-active .imgarea:after {

    height: 100%;
}

section.urunler .urunlerswiper .swiper-slide .imgarea .img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

section.urunler .urunlerswiper .swiper-wrapper {
    height: unset;
}

section.urunler .urunlerswiper .content {

    padding: 0px 80px 0px 40px;
}

section.urunler .urunlerswiper .content .title {

    color: #213c88;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 30px;

    position: relative;
}

section.urunler .urunlerswiper .content .title:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -9px;
    height: 1px;
    background: #b7b7b7;
    width: 400px;
    max-width: 100%;
}

section.urunler .urunlerswiper .content .text {

    color: #4c4c4c;

    font-size: 14px;

    line-height: 22px;

    font-weight: 300;
}


section.urunler .digerurunler {

    margin: 70px 0px;
}

section.urunler .digerurunler .title {

    color: #213c88;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 40px;
}

section.urunler .digerurunler .urun {

    display: block;

    position: relative;
}

section.urunler .digerurunler .urun .img {

    padding-bottom: 71%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;
}

section.urunler .digerurunler .urun .text {

    color: #323232;

    font-size: 19px;

    font-weight: 600;

    display: block;

    padding: 10px;
}

section.urunler .digerurunler .urun .detay {

    font-size: 14px;

    display: block;

    padding: 0px 10px;

    color: #7f7f7f;
}

section.urunler .digerurunler .urun .detay .icon {

    width: 13px;

    height: 9px;

    fill: #323232;

    position: relative;

    transition: 0.3s ease all;

    left: 0;
}

section.urunler .digerurunler .urun:hover .detay .icon {

    fill: #213c88;

    left: 10px;
}

section.urunler .digerurunler .subcontainer {
    width: 100vw;
}

.owl-urunlerimiz {
    margin-top: -35px;
    margin-bottom: -10px;
}

.owl-urunlerimiz .owl-stage-outer {
    max-width: 100vw;
    padding: 35px 0 50px;
}

.owl-urunlerimiz .owl-item {
    opacity: 0;
    transition: .4s .1s ease all;
    transform: scale(0.9);
    pointer-events: none;
}

.owl-urunlerimiz .owl-item.active {
    pointer-events: auto;
    opacity: 1;
    transform: scale(1);
    transition: .4s ease all;
}

section.urunler .urundetay {

}

section.urunler .urundetay.hide {
    display: none;
}

section.urunler .container-fluid {
    padding: 0px;

}

section.urunler .urundetay .imgarea {

    padding-bottom: 52%;

    position: relative;

    overflow: hidden;
}

section.urunler .urundetay .imgarea .img {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 100%;

    height: 100%;

    transform: translate(-50%, -50%);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;
}

section.urunler .urundetay .imgarea .img {

}

section.urunler .urundetay .content {

}

section.urunler .urundetay .content .title {

    color: #213c88;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 30px;

    position: relative;
}


section.urunler .urundetay .content .title:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -9px;
    height: 1px;
    background: #b7b7b7;
    width: 400px;
    max-width: 100%;
}


section.urunler .urundetay .content table {

    min-width: 550px;
}

section.urunler .urundetay .content table th {

    text-align: left;

    font-weight: 600;

    color: #323232;

    padding-bottom: 20px;
}

section.urunler .urundetay .content table td {

    color: #7f7f7f;

    font-size: 14px;

    line-height: 30px;

    border-bottom: 1px solid #000;

    padding: 0px 5px;
}

section.urunler .urundetay .content table tbody tr td {

}

section.urunler .urundetay .content table tbody tr:last-child td {

    border: 0px;
}

section.iletisim {

    padding: 50px 0px;
}

section.iletisim .title1 {
    color: #213c88;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 30px;

    position: relative;
}

section.iletisim .title1:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -9px;
    height: 1px;
    background: #b7b7b7;
    width: 400px;
    max-width: 100%;
}

section.iletisim .title2 {

    font-size: 21px;

    color: #000;

    font-weight: 500;

    margin-bottom: 20px;
}

section.iletisim p {

    font-size: 17px;

    line-height: 25px;

    margin-bottom: 20px;
}

section.iletisim p span {

    display: block;

    font-size: 19px;

    font-weight: 600;

    color: #213c88;
}

section.iletisim p a {

}

section.iletisim .contact-form {

    margin-top: 50px;

    max-width: 500px;
}

section.iletisim .contact-form .form-group {

    margin-bottom: 15px;
}

section.iletisim .contact-form .form-group input {

    color: #585858;

    display: block;

    width: 100%;

    min-height: 29px;

    padding: 5px 10px;

    border: 1px solid #b7b7b7;

    border-radius: 0px;
}

section.iletisim .contact-form .form-group textarea {

    color: #585858;

    display: block;

    width: 100%;

    min-height: 29px;

    padding: 5px 10px;

    border: 1px solid #b7b7b7;

    border-radius: 0px;
}

section.iletisim .contact-form .form-group .btn-submit {

    display: block;

    width: 100%;

    border: 0px;

    border-radius: 0px;

    background: #213c88;

    height: 35px;

    color: #fff;

    font-weight: 600;

    letter-spacing: 2px;
}


section.iletisim .maparea {
    position: relative;
    margin-top: 100px;
    margin-bottom: -50px;
}

section.iletisim .maparea #maps {

    height: 750px;
}

section.iletisim .maparea:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 100px;
    z-index: 2;
    pointer-events: none;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 86%);
}


.dokumanlar .file {
    border-radius: 6px;
    background: #f8f8f8;
    border: 1px solid #f1f1f1;
    margin-bottom: 25px;
    display: flex;
    flex-direction: row;
    padding: 48px 15px;
    align-items: center;
    position: relative;
    transition: .3s ease all;
}

.dokumanlar .file:before {
    content: '';
    height: 2px;
    width: 0px;
    position: absolute;
    left: 25px;
    background: #fff;
    transition: 0.3s ease all;
    bottom: 21px;
}

.dokumanlar .file .icon {
    width: 40px;
    height: 46px;
    fill: #00346d;
    margin-right: 20px;
    transition: 0.3s ease all;
    min-width: 40px;
}

.dokumanlar .file span {

    font-size: 18px;

    letter-spacing: -0.02em;

    text-align: left;

    color: #999;

    transition: 0.3s ease all;
}

.dokumanlar .file:hover {
    background: #00346d;
    border: 1px solid rgba(6, 96, 105, 0.21);
    filter: drop-shadow(0px 10px 23px rgba(6, 96, 105, 0.1));
    text-decoration: none;
}

.dokumanlar .file:hover:before {
    content: '';
    width: 110px;
}

.dokumanlar .file:hover .icon {
    fill: #ffffff;
}

.dokumanlar .file:hover span {

    color: #fff;
}

/*
     FILE ARCHIVED ON 23:35:41 Apr 15, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:17:18 Jul 08, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.705
  exclusion.robots: 0.026
  exclusion.robots.policy: 0.011
  esindex: 0.013
  cdx.remote: 14.782
  LoadShardBlock: 299.993 (3)
  PetaboxLoader3.datanode: 126.726 (4)
  PetaboxLoader3.resolve: 340.06 (2)
  load_resource: 245.194
*/